<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>

    </title>
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <link href="css/common.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">
</head>

<body class="insideBody">
    <div class="containerBox">
        <div class="slideLeft">
            <div class="header">
                <div class="headNav">
                    <div class="nav clearfix">
                        <div class="li current">
                            <a href="">关于我们</a>
                            <dl>
                                <dt></dt>
                                <dd ><a href="">品牌简介</a></dd>
                                <dd><a href="">品牌故事</a></dd>
                                <dd><a href="">品牌愿景、使命和价值观</a></dd>
                                <dd><a href="">品牌里程碑</a></dd>
                                <dd><a href="">奖项和荣誉</a></dd>
                            </dl>
                        </div>
                        <div class="li">
                            <a href="">我们的品牌</a>
                        </div>
                        <div class="li">
                            <a href="">我们的员工</a>
                        </div>
                        <div class="li">
                            <a href="">加盟代理</a>
                        </div>
                        <div class="li">
                            <a href="">商务合作</a>
                        </div>
                        <div class="li">
                            <a href="">合作伙伴</a>
                        </div>
                        <div class="li">
                            <a href="">最新资讯</a>
                        </div>
                        <div class="li">
                            <a href="">联系我们</a>
                        </div>
                    </div>
                </div>
                <div class="nav-box">
                    <h1 class="logo " title="">
                        <a href="/">
                            <img src="./images/logo.png" alt="">
                        </a>
                    </h1>
                    <div class="nav">
                        <ul class="clearfix">
                            <li><a href="">品牌简介</a></li>
                            <li><a href="">品牌商标</a></li>
                            <li><a href="">品牌里程碑</a></li>
                            <li><a href="">最新资讯</a></li>
                            <li>
                                <a href="">产品介绍</a>
                                <dl>
                                    <dd>
                                        <a href="">最新新品</a>
                                    </dd>
                                    <dd>
                                        <a href="">明星产品</a>
                                    </dd>
                                    <dd>
                                        <a href="">历年产品</a>
                                    </dd>
                                </dl>
                            </li>
                            <li><a href="">门店导航</a></li>
                            <li ><a href="http://mukchaikee.com" target="_blank">木仔记</a></li>
                        </ul>
                    </div>
                </div>
                <div class="bot">
                    <div class="tel">
                        <img src="./images/tel.png" alt="">
                        <div class="t">咨询热线</div>
                        <div class="num">
                            400-688-8888</div>
                    </div>
                    <div class="support">
                        <p>All rights reserved 2018 © 桂源铺</p>
                        <p>技术支持：柏优传媒</p>
                        <p><a href="">沪ICP备19017269号-1</a></p>
                    </div>
                </div>

            </div>
            <div class="container" id="container">
                <div class="crumbs clearfix">
                    <div class="left">
                        <span class="title">
                            品牌故事
                         </span>
                        <span class="en">
                            Brand story
                        </span>
                    </div>
                </div>
                <div class="story">
                    <div class="pic">
                        <img src="./images/intro.png" alt="">
                    </div>
                    <div class="article">
                        <div class="desc">

                            在桂源铺创立之初，整个奶茶市场的主流还是珍珠奶茶和浓缩果汁等调制饮品，港式茶饮的市场几乎空白，人们对港式饮品的认知仅局限于港式茶餐厅。而港式奶茶以其健康原材料和复杂的手工撞茶工艺，保证了奶茶中茶叶的浓厚口感，茶味浓郁，奶香悠久，给味蕾带来了不一样的新体验。
                            <br> <br>
                            桂源铺的创始人Arthur看到了港式奶茶铺的这一块空缺市场，决定将港式茶饮从茶餐厅搬至街边，让更多人得以品尝。于是2011年11月，在上海南京路步行街附近，第一家桂源铺港式奶茶诞生了

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="slideRight">
            <div class="slideRightBg" style="background-image: url('./images/bg1.jpg')">
                <div class="storyList">
                    <div class="item">
                        <div class="img">
                            <img src="./images/3.1/img389-233.jpg" alt="">
                        </div>

                        <div class="cont">
                            <div class="title">
                                桂源铺为上海志雨贸易有限公司旗下品牌
                            </div>
                            <div class="txt">
                                创立于2011年11月，从当初一家10㎡的小店已发展为全国300多家门店的连锁餐饮品牌。传承港式经典手工拉茶技术，坚持口味不断研发与创新，是桂源铺一直以来的坚持。
                            </div>

                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./images/3.1/img389-233.jpg" alt="">
                        </div>

                        <div class="cont">
                            <div class="title">
                                桂源铺为上海志雨贸易有限公司旗下品牌
                            </div>
                            <div class="txt">
                                创立于2011年11月，从当初一家10㎡的小店已发展为全国300多家门店的连锁餐饮品牌。传承港式经典手工拉茶技术，坚持口味不断研发与创新，是桂源铺一直以来的坚持。
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="js/common.js"></script>

    <script type="text/javascript">
        (function($){
            $(window).load(function(){
                $("#container").mCustomScrollbar({
                    theme:"minimal"
                });
            });

        })(jQuery);


    </script>

</body>

</html>
